<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Register</title>
</head>
<body>
       <!-- 整个背景盒子 -->
       <div class="bg_box df">
            <!-- 版心 -->
            <div class="wrap df fdc">
                <!-- 跳转登录链接 -->
              <p class="p_text"><a href="./login.html">密码登录</a></p>
              <!-- 介绍文字 -->
              <p class="p_text2">手机号登录/注册</p>
              <p class="p_text3">快速找到好友, 一站式记录你的运动</p>
              <!-- 手机号码 -->
              <p class="num_p p_comm">
                    <span class="input_num">+86</span>
                    <input type="text" class="phone_num ipt_comm" placeholder="输入手机号码">
              </p>
              <!-- 验证码 -->
              <p class="test_p p_comm">
                    <input type="text" class="test_num ipt_comm" placeholder="请输入验证码">
                    <canvas class="test_img"></canvas>

              </p>
              <!-- 密码 -->
              <p class="pwd_p p_comm">
                  <input type="password" class="pwd ipt_comm" placeholder="请输入密码">
              </p>
              <!-- 确认密码 -->
              <p class="p_s_p p_comm">
                  <input type="password" class="pwd_sure ipt_comm" placeholder="请再次确认密码">
              </p>
              <!-- 注册账号按钮 -->
              <p class="rg_p p_comm">
                   <button class="bt_rg">注册账号</button>
              </p>
              <!-- 其他登陆方式 -->
              <p class="href_p">
                <span class="iconfont icon-weixin"></span>
                <span class=""><a href="" class="wx_rg">微信注册</a></span>
              </p>
              <p class="text_btm">- HOLD ON -</p>
            </div>
            <!-- 注册成功轻提示 -->
            <div class="tishi df fdc jcse">
                <p class="success"> 注册成功</p>
              <span class="iconfont icon-zhengque icon_x"></span> 

            </div>
     </div>
</body>
</html>